<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 列表标签特点：整齐、整洁、有序，它作为布局会更加自由方便。 -->
    <!-- 1.无序列表  <ul></ul> -->
    <h4>你喜欢的水果？</h4>
    <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>西瓜</li>
        <!-- 列表项之间没有顺序级别之分，是并列的 -->
        <!-- <ul></ul>里面只能放<li></li>标签,<li></li>中可以嵌套其他标签 -->
        <!-- 无序列表会带有自己的样式属性，但在实际使用中，我们会用CSS来设置。 -->
    </ul>

    <!-- 2.有序列表  <ol></ol>与无序列表相似 -->
    <ol>
        <li>苹果</li>
        <li>香蕉</li>
        <li>西瓜</li>
    </ol>
    <!-- 3.自定义列表 <dl></dl> -->
    <dl>
        <dt>水果</dt>
        <!-- <dt></dt>类似于标题，没有个数限制 -->
        <dd>苹果</dd>
        <dd>香蕉</dd>
        <dd>西瓜</dd>
        <!-- <dd></dd>类似于内容 -->
    </dl>
</body>
</html>